﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, select, input, textarea, legend, caption, tbody, tfoot, thead,  th { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }
a img {border: none; outline: none;}
ol li {display: list-item; list-style: decimal;}
/* stops the horizontal shift with centered layouts in moz etc */
/* html { height:100%; margin-bottom:1px; } */
/* ---------------------------------------------------------------------------------------------------- */

/*
********************************************************************
~ HTML TAGS RESET | for all project
********************************************************************
*/
p {margin:0; padding:0 0 12px;}
sup {line-height:1px; margin:0; padding:0px; vertical-align:3px}
table {border-collapse:collapse;}

/*
********************************************************************
~ GLOBAL PROPERTIES | Don't change
********************************************************************
*/
.clr {
	visibility: hidden;
	clear: both;
	display:block;
	padding: 0;
	margin: 0;
	line-height:0;
	height: 0;
	width: 100%;
	overflow-y: hidden;
	font-size: 0;
}
.clrfix {clear:both;}
.fl, floatLeft {float:left;}
.fr, .floatRight {float:right;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.middle{vertical-align:middle !important;}
.top {vertical-align: top !important;}
.auto_margin {margin:0 auto !important;}
.hidden {visibility: hidden; height: 1px; width: 1px;}
.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.noborder {border:none !important;}
.bold {font-weight: bold;}
.seperated_dotted_line {height: 20px; margin-top: 20px; border-top: 1px dotted #ccc; clear:both;}

/* standard text format */
.text_tiny {font-size: 10px; color: #878787;}
.text_small {font-size: 11px;}
.text_medium {font-size: 14px;}
.text_large {font-size: 18px;}
.text_larger {font-size: 20px;}
.important, .warning, .error {color: #cc0000;}
.important_lv2 {color: #fe7e27;}

/* Image styles */
.img_left {float:left; margin: 3px 10px 10px 0px;}
.img_right {float:right; margin: 3px 0px 10px 10px;}

/*
********************************************************************
~ FORM ELEMENTS | Standard Form elements format
********************************************************************
*/
.formrow {padding: 3px 0;}
.form_note {font-size: 11px; color: #666;}
.form_field, .field_value {line-height: 19px;}
.highlightCssClass {background-color:#FAF9C5; border:solid 1px #B30000;}

/* [ Checkbox & checkbox group ]
------------------------------------ */
.checkbox, .radio {
	padding: 0px;
	margin: 3px 3px 0;
	line-height: 1;
	height: 13px;
	vertical-align: -2px;
	overflow: hidden;
}
.checkbox_grp td {padding:2px 20px 2px 0;}
.checkbox_grp label {margin-right: 10px;}
.checkbox_grp input {
  padding: 0px;
	margin:0 5px 0 0;
	height: 13px;
	vertical-align: -2px;
	overflow: hidden;
  line-height: 1;
}

/* [ Label ]
------------------------------------ */
.lb, .lb_largest, .lb_large, .lb_medium, .lb_small, .lb_smallest {
	display: block;
	padding: 1px 10px 1px 0;
	font-weight: bold;
	line-height: 17px;
}
.lb_largest{width:250px;}
.lb_large {width:180px;}
.lb_medium{width:150px;}
.lb_small{width:90px;}
.lb_smallest{width:50px;}

/* [ Button Row cover ]
------------------------------------ */
.form_btn, .form_btn_large, .form_btn_largest, .form_btn_medium, .form_btn_small, .form_btn_symmetry {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 23px;
}
.form_btn_largest {padding-left: 255px;}
.form_btn_large {padding-left: 185px;}
.form_btn_medium {padding-left: 155px;}
.form_btn_small {padding-left: 95px;}
.form_btn_symmetry .lbtn, .form_btn_symmetry .rbtn {width: 50%; float:left;}


/* [ Textarea ]
------------------------------------ */
.textarea,.textarea_auto,
.textarea_small,
.textarea_medium,
.textarea_large,
.textarea_largest,
.textarea_full {
	margin: 0 0 0 0;
	color: #333;
	padding: 2px;
  	border: 1px solid #BDC7D8;
  	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

/* [ Textbox Input ]
------------------------------------ */
.textbox,.textbox_auto,
.textbox_smallest,
.textbox_smaller,
.textbox_small,
.textbox_medium,
.textbox_large,
.textbox_largest,
.textbox_full,
.fileupload {
	margin: 0 5px 0 0;
	color: #333;
	padding: 2px;
  border: 1px solid #BDC7D8;
  background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	height: 17px;
}
input.disable {border: 1px solid #c5c5c5; background-color: #eaeaea; color:#c5c5c5; cursor: default;}

/* [ Width for textbox & Textarea ]
-------------------------------------------------------- */
.textbox_smallest {width:50px;}
.textbox_smaller {width:100px;}
.textarea_small,.textbox_small{width:200px;}
.textarea_medium,.textbox_medium{width:300px;}
.textarea_large,.textbox_large{width:400px;}
.textarea_largest,.textbox_largest{width:500px;}
.textarea_full,.textbox_full{width:99%; _width: 98%;}
.textarea_auto, .textbox_auto{width:auto;}

/* [ Select's width = Textbox's width + 6 ]
-------------------------------------------------------- */
.select, .select_smallest, .select_smaller, .select_small, .select_medium, .select_large {
	margin:0 5px 0 0;
	padding: 2px;
  	border: 1px solid #BDC7D8;
  	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.select_smallest {width: 56px;}
.select_smaller {width: 106px;}
.select_small {width: 206px;}
.select_medium {width: 306px;}
.select_large {width: 406px;}
.select_full {width: 99%;}

/* Color - Font family - Font size of Form elements */
.textarea_auto, .textbox_auto,
.textarea,.textbox, .select,
.textbox_smallest, .select_smallest,
.textbox_smaller, .select_smaller,
.textarea_small, .textbox_small, .select_small,
.textarea_medium, .textbox_medium, .select_medium,
.textarea_large, .textbox_large, .select_large,
.textarea_largest, .textbox_largest,
.textarea_full, .textbox_full, .select_full,
input, textarea, select, option {font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-transform: none;}
.filetype {width: 210px; height: 23px;}


/*
********************************************************************
~ BUTTON & BUTTON HYPERLINK
********************************************************************
*/
/* [ Input Button ]
--------------------------------------- */
.df_ibtn, .df_ibtn_disable {
	height:23px;
	padding: 0 0 0 6px;
	margin:0 0 0 5px;
	display:block;
}
.df_ibtn input, .df_ibtn_disbale input {
	height: 23px;
	border:none;
	font-size:11px;
	margin:0;
	font-weight: bold;
	padding: 0 6px 2px 0px;
	font-family: Tahoma;
	background-color: transparent;
	float:left;
}


/* [ Hyperlink Button ]
--------------------------------------- */
.df_btn a, .df_btn_disable a {
  	height:23px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 5px;
	padding-left: 6px;
	float:left;
}
.df_btn .btext, .df_btn_disable .btext {
	font-family: Tahoma;
	height: 23px;
	font-size:11px;
	line-height: 22px;
	padding:0 6px 0 0;
	font-weight: bold;
	white-space: nowrap;
	display:block;
}
.df_btn a:hover, .df_btn a:hover .btext {text-decoration: none;}

/* Cusor status */
.df_btn .btext, .df_ibtn input {cursor: pointer;}
.df_btn_disable .btext, .df_ibtn_disable input {cursor: default;}

/* [ Transparent Background Input Button ]
----------------------------------------------------------- */
.df_transbtn {
	border: none;
	font-size: 11px;
	background: none;
	cursor: pointer;
	font-weight: bold;
	font-family: Tahoma;
	color: #3d3d3d;
	padding: 0;
	margin: 0;
	line-height: 23px;
	height: 23px;
	overflow: visible;
}
.df_transbtn:hover {color: #00ADEF;}

/* [ Resize And Align Image ]
----------------------------------------------------------- */
.photo_small, .f_thumb a, .photo_medium, .photo_large, .estorelogo_med {
	background-color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
/* F-thumb size: 125 x 80  */
.f_thumb {margin:0 auto 7px auto; width: 125px; height: 80px; background-color: #fff; position: relative;}
.f_thumb a {width: 125px; height: 80px;}
.f_proname {text-align: center; padding: 0 8px 12px; display:block;}

/* Cropped Thumbnail Medium size: 125 x 80 */
.photo_medium {margin:0 auto 7px auto; width: 125px; height: 80px;}

/* Cropped Thumbnail Small size: 50 x 32 */
.photo_small {width: 50px; height: 32px;}

/* Cropped Thumbnail Large size: 437 x 280 */
.photo_large {width: 437px; height:280px; max-width: 437px; max-height: 280px;}

/* Cropped Estore Logo Thumbnail size: 125 x 125 */
.estorelogo_med {width: 125px; height: 125px;}


/*
******************************************************
~ UPDATE PROGRESS
******************************************************
*/
.overlay {
	position: fixed;
	z-index: 1199;
	top: 0px;
	left: 0px;
	background-color: transparent;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
* html .overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight +    'px' );
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth: document.body.offsetWidth +    'px' );
}
.loader, loader2 {
	z-index: 100;
	border: solid 1px #D2E26D;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	width: 50px;
	height: 35px;
	padding-top: 10px;
	margin-left: -25px;
	top: 40%;
	left: 50%;
}
.loader{background-color:#FFF;}
.loader2 {
	z-index: 100;
	border: none;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	width: 400px;
	height: 500px;
	padding-top: 10px;
	margin-left: -25px;
	top: 18%;
	left: 36%;
	color: White;
}
* html .loader, * html .loader2 {
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +'px' );
}

/*
